<!-- 
    1.v-on就是用来绑定方法的
    2. 它有一个语法糖，直接用@func的形式
 -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="app">
            <h2>{{counter}}</h2>
            <!-- <button v-on:click="increment">+</button>
            <button v-on:click="decrement">-</button> -->
            <!-- 语法糖 -->
            <button @click="increment">+</button>
            <button @click="decrement">-</button>
        </div>
        <script src="../js/vue.js"></script>
        <script>
            const app =new Vue({
                el: '#app',
                data: {
                    counter: 0
                },
                methods: {
                    increment() {
                        this.counter++
                    },
                    decrement() {
                        this.counter--
                    }
                },
            })
        </script>
    </body>
</html>